<html>
  <head>
    <title>Visual UI Editor</title>
    <meta charset="utf-8">

    <style>
      #mainDock {
        position: relative;
      }
      h2 {
        margin: auto;
      }
      h2 span {
        color: #090;
      }
      body {
        margin: 3px;
      }
    </style>
    <link rel="import" href="app://bower_components/polymer/polymer.html">
    <script type="text/javascript" src="app://bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
    <link rel="import" href="app://bower_components/iron-flex-layout/iron-flex-layout.html">
    <link rel="stylesheet" href="app://bower_components/fontawesome/css/font-awesome.min.css">
    <link href="app://bower_components/pace/themes/red/pace-theme-center-simple.css" rel="stylesheet">

    <script src="app://bower_components/pace/pace.js"></script>
    <script src="app://js/util.js"></script>
    <script src="app://js/renderUndo.js"></script>
    <script src="app://js/cocosUtil.js"></script>
    <script src="app://js/UIUtil.js"></script>
    <!--<script src="app://js/fabric.js"></script>-->
    <script src="app://third/fabric.js/dist/fabric.js"></script>
    <link rel="import" href="app://cocos2d_inclue.html">
    <link rel="import" href="app://page/index.html">


  </head>

  <!--<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
  <script src="js/jquery.js"></script>        
  <script>if (window.module) module = window.module;</script>-->


  <body class="layout vertical">
    <h2>Welcome to use <span>VisualUIEditor</span></h2>
    <ui-main-dock class="flex-1"></ui-main-dock>
    <script>


      // const RenderUndo = require('app://js/renderUndo.js');
      // let xx = new RenderUndo();   
      // const DomUtils = Editor.UI.DomUtils;

      // Pace.once( 'hide', function () {
      //   DomUtils.removeLoadingMask();
      // });

      // DomUtils.addLoadingMask({
      //   background: '#333',
      // });
    </script>
  </body>
</html>
